<%@ page buffer="16kb" language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>后台管理</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="shortcut icon" href="${ctx}/favicon.ico"/>
	<!-- bootstrap - css -->
	<link href="${ctx}/resources/BJUI/themes/css/bootstrap.css" rel="stylesheet">
	<!-- core - css -->
	<link href="${ctx}/resources/BJUI/themes/css/style.css" rel="stylesheet">
	<link href="${ctx}/resources/BJUI/themes/blue/core.css" id="bjui-link-theme" rel="stylesheet">
	<!-- plug - css -->
	<link href="${ctx}/resources/BJUI/plugins/kindeditor_4.1.10/themes/default/default.css" rel="stylesheet">
	<link href="${ctx}/resources/BJUI/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
	<link href="${ctx}/resources/BJUI/plugins/niceValidator/jquery.validator.css" rel="stylesheet">
	<link href="${ctx}/resources/BJUI/plugins/bootstrapSelect/bootstrap-select.css" rel="stylesheet">
	<link href="${ctx}/resources/BJUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
	<!--[if lte IE 7]>
	<link href="${ctx}/resources/BJUI/themes/css/ie7.css" rel="stylesheet">
	<![endif]-->
	<link href="${ctx}/resources/BJUI/plugins/uploadify/css/uploadify.css" rel="stylesheet">
	<link rel="stylesheet" href="${ctx}/css/pass.css">
	<%-- <link rel="stylesheet" type="text/css" href="${ctx}/resources/plugin/liMarquee/liMarquee.css" /> --%>
  </head>
  
  <body>
    <!--[if lte IE 7]>
        <div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://zhushou.360.cn/detail/index/soft_id/21104" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->
    <div id="bjui-window">
    <header id="bjui-header">
        <div class="bjui-navbar-header">
            <button type="button" class="bjui-navbar-toggle btn-default" data-toggle="collapse" data-target="#bjui-navbar-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="bjui-navbar-logo" href="#"><img src="${ctx}/resources/images/login/logo1.png"></a>
        </div>
			<nav id="bjui-navbar-collapse">
				<ul class="bjui-navbar-right">
					<li class="datetime"><div>
							<span id="bjui-date"></span> <span id="bjui-clock"></span>
						</div>
					</li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown"><shiro:guest>我的账户</shiro:guest>
							<shiro:user>
								<shiro:principal />
							</shiro:user> <span class="caret"></span>
					</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="${ctx}/jsp/system/user/passwordEditDlg.jsp"
								data-toggle="dialog" data-id="changepwd_page" data-mask="true"
								data-width="500" data-height="300">&nbsp;<span
									class="glyphicon glyphicon-lock"></span> 修改密码&nbsp;</a>
							</li>
							<li><a href="#">&nbsp;<span
									class="glyphicon glyphicon-user"></span> 我的资料</a>
							</li>
							<li class="divider"></li>
							<li><a href="${ctx}/sys/sysUserAction/logout" class="red">&nbsp;<span
									class="glyphicon glyphicon-off"></span> 注销登陆</a>
							</li>
						</ul></li>
					<!-- <li><a href="index.html" title="切换为列表导航(窄版)" style="background-color:#ff7b61;">列表导航栏(窄版)</a></li> -->
					<li class="dropdown"><a href="#"
						class="dropdown-toggle theme blue" data-toggle="dropdown"
						title="切换皮肤"><i class="fa fa-tree"></i>
					</a>
						<ul class="dropdown-menu" role="menu" id="bjui-themes">
							<li><a href="javascript:;" class="theme_default"
								data-toggle="theme" data-theme="default">&nbsp;
								<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a>
							</li>
							<li><a href="javascript:;" class="theme_orange"
								data-toggle="theme" data-theme="orange">&nbsp;
								<i class="fa fa-tree"></i> 橘子红了</a>
							</li>
							<li><a href="javascript:;" class="theme_purple"
								data-toggle="theme" data-theme="purple">&nbsp;
								<i class="fa fa-tree"></i> 紫罗兰</a>
							</li>
							<li class="active"><a href="javascript:;" class="theme_blue"
								data-toggle="theme" data-theme="blue">&nbsp;
								<i class="fa fa-tree"></i> 天空蓝</a>
							</li>
							<li><a href="javascript:;" class="theme_green"
								data-toggle="theme" data-theme="green">&nbsp;
								<i class="fa fa-tree"></i> 绿草如茵</a>
							</li>
						</ul>
					</li>
				</ul>
			</nav>
			<div id="bjui-hnav">
            <button type="button" class="btn-default bjui-hnav-more-left" title="导航菜单左移"><i class="fa fa-angle-double-left"></i></button>
            <div id="bjui-hnav-navbar-box">
                <ul id="bjui-hnav-navbar">
                    <li class="active"><a href="javascript:;" data-toggle="slidebar"><i class="fa fa-file-word-o"></i> 系统功能</a>
                        <div class="items hide" data-noinit="true">
                        <!-- 动态获取左侧树形菜单 -->
						<c:forEach items="${SystemMenus}" var="menu">
									<c:if test="${empty menu.parentId}">
										<ul id="bjui-doc-tree-${menu.sysId}" class="ztree ztree_main"
											data-toggle="ztree" data-on-click="MainMenuClick"
											data-expand-all="true" data-faicon="star-o"
											data-tit="${menu.name}">
											<li data-id="${menu.id}" data-pid="0"
								data-faicon="folder-open-o" data-faicon-close="folder-o">${menu.name}</li>
											<c:forEach items="${SystemMenus}" var="childMenu">
												<c:if test="${childMenu.parentId == menu.id}">
													<li data-id="${childMenu.id}"
														data-pid="${childMenu.parentId}"
														data-url="${ctx}/${childMenu.url}"
														data-tabid="doc-${childMenu.sysId}${childMenu.id}"
														data-faicon="caret-right">${childMenu.name}</li>
												</c:if>
											</c:forEach>
										</ul>
									</c:if>
								</c:forEach> 
                        </div>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog"></i> 系统设置 <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">               
                             <c:forEach items="${SystemMenus}" var="menu2">
                             <c:if test="${menu2.parentId ==123}">
                 
                            	<li data-id="${menu2.id}"
										data-pid="${menu2.parentId}"
										data-url="${menu2.url}"
										data-tabid="doc-${menu2.sysId}${menu2.id}"
		                              	data-faicon="caret-right"><a href="${menu2.url}" 
		                              	data-toggle="navtab"></a>
		                              	${menu2.name}
		                        </li>                            
                            </c:if>
                            </c:forEach>  
                    	
                                             
                        </ul>
                    </li>
                </ul>
            </div>
            <button type="button" class="btn-default bjui-hnav-more-right" title="导航菜单右移"><i class="fa fa-angle-double-right"></i></button>
        </div>
    </header>
    <div id="bjui-container">
        <div id="bjui-leftside">
            <div id="bjui-sidebar-s">
                <div class="collapse"></div>
            </div>
            <div id="bjui-sidebar">
                <div class="toggleCollapse"><h2><i class="fa fa-bars"></i> 功能菜单 <i class="fa fa-bars"></i></h2><a href="javascript:;" class="lock"><i class="fa fa-lock"></i></a></div>
                <div class="panel-group panel-main" data-toggle="accordion" id="bjui-accordionmenu" data-heightbox="#bjui-sidebar" data-offsety="26">
                	<a>请重新登录</a>
                </div>
            </div>
        </div>
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                     <li data-url="index_layout.jsp"><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
                        <%-- <li data-url="${ctx}/bus/passReportForm/toList" data-autorefresh="60"><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li> --%>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent">
                <div class="navtabPage unitBox">
                    <div class="bjui-pageContent" id="bjui-Content1" style="background:#FFF;">
                        Loading...
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer id="bjui-footer">Copyright &copy; 2016 - 2020　<a href="http://www.wongoing.com/" target="_blank">青岛直拼机网络科技有限公司</a></footer>
    </div>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lte IE 9]>
	    <script src="${ctx}/resources/BJUI/other/html5shiv.min.js"></script>
	    <script src="${ctx}/resources/BJUI/other/respond.min.js"></script>
	<![endif]-->

	<!-- jquery -->
	<script src="${ctx}/resources/BJUI/js/jquery-1.7.2.min.js"></script>
	<script src="${ctx}/resources/BJUI/js/jquery.cookie.js"></script>
	<%-- <script src="${ctx}/resources/plugin/ratyli/jquery.ratyli.js"></script> --%>
	<!--[if lte IE 9]>
	<script src="${ctx}/resources/BJUI/other/jquery.iframe-transport.js"></script>    
	<![endif]-->
	<!-- BJUI.all 分模块压缩版 -->
	<script src="${ctx}/resources/BJUI/js/bjui-all.js"></script>
	<script src="${ctx}/resources/plugin/ajaxFileupload/jquery.form.js"></script>
	<!-- plugins -->
	<!-- swfupload for uploadify && kindeditor -->
	<script src="${ctx}/resources/BJUI/plugins/swfupload/swfupload.js"></script>
	<!-- kindeditor -->
	<script src="${ctx}/resources/BJUI/plugins/kindeditor_4.1.10/kindeditor-all.min.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/kindeditor_4.1.10/lang/zh_CN.js"></script>
	<!-- colorpicker -->
	<script src="${ctx}/resources/BJUI/plugins/colorpicker/js/bootstrap-colorpicker.min.js"></script>
	<!-- ztree -->
	<script src="${ctx}/resources/BJUI/plugins/ztree/jquery.ztree.all-3.5.js"></script>
	<!-- nice validate -->
	<script src="${ctx}/resources/BJUI/plugins/niceValidator/jquery.validator.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/niceValidator/jquery.validator.themes.js"></script>
	<!-- bootstrap plugins -->
	<script src="${ctx}/resources/BJUI/plugins/bootstrap.min.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/bootstrapSelect/bootstrap-select.min.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/bootstrapSelect/defaults-zh_CN.min.js"></script>
	<!-- icheck -->
	<script src="${ctx}/resources/BJUI/plugins/icheck/icheck.min.js"></script>
	<!-- dragsort -->
	<script src="${ctx}/resources/BJUI/plugins/dragsort/jquery.dragsort-0.5.1.min.js"></script>
	<!-- HighCharts -->
	<script src="${ctx}/resources/BJUI/plugins/highcharts/highcharts.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/highcharts/highcharts-3d.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/highcharts/themes/gray.js"></script>
	<!-- ECharts -->
	<script src="${ctx}/resources/BJUI/plugins/echarts/echarts.js"></script>
	<!-- other plugins -->
	<script src="${ctx}/resources/BJUI/plugins/other/jquery.autosize.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/uploadify/scripts/jquery.uploadify.min.js"></script>
	<script src="${ctx}/resources/BJUI/plugins/download/jquery.fileDownload.js"></script>
	<script src="${ctx}/resources/plugin/ratyli/jquery.ratyli.min.js"></script>
	
	
	<!-- init -->
	<script type="text/javascript">
	$(function() {
	    BJUI.init({
	        JSPATH       : 'resources/BJUI/',         //[可选]框架路径
	        PLUGINPATH   : 'resources/BJUI/plugins/', //[可选]插件路径
	        loginInfo    : {url:'login_timeout.html', title:'登录', width:400, height:200}, // 会话超时后弹出登录对话框
	        statusCode   : {ok:200, error:300, timeout:301}, //[可选]
	        ajaxTimeout  : 50000, //[可选]全局Ajax请求超时时间(毫秒)
	        pageInfo     : {total:'total', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数
	        alertMsg     : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:3000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
	        keys         : {statusCode:'statusCode', message:'message'}, //[可选]
	        ui           : {
	                         windowWidth      : 0,    //框架可视宽度，0=100%宽，> 600为则居中显示
	                         showSlidebar     : true, //[可选]左侧导航栏锁定/隐藏
	                         clientPaging     : true, //[可选]是否在客户端响应分页及排序参数
	                         overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
	                       },
	        debug        : true,    // [可选]调试模式 [true|false，默认false]
	        theme        : 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
	    })
	    
	    // main - menu
	    $('#bjui-accordionmenu')
	        .collapse()
	        .on('hidden.bs.collapse', function(e) {
	            $(this).find('> .panel > .panel-heading').each(function() {
	                var $heading = $(this), $a = $heading.find('> h4 > a')
	                if ($a.hasClass('collapsed')) $heading.removeClass('active')
	            })
	        })
	        .on('shown.bs.collapse', function (e) {
	            $(this).find('> .panel > .panel-heading').each(function() {
	                var $heading = $(this), $a = $heading.find('> h4 > a')
	                
	                if (!$a.hasClass('collapsed')) $heading.addClass('active')
	            })
	        })
	    
	    $(document).on('click', 'ul.menu-items > li > a', function(e) {
	        var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj()
	        var onClose = function() {
	            $li.removeClass('active')
	        }
	        var onSwitch = function() {
	            $('#bjui-accordionmenu').find('ul.menu-items > li').removeClass('switch')
	            $li.addClass('switch')
	        }
	        
	        $li.addClass('active')
	        if (options) {
	            options.url      = $a.attr('href')
	            options.onClose  = onClose
	            options.onSwitch = onSwitch
	            if (!options.title) options.title = $a.text()
	            
	            if (!options.target)
	                $a.navtab(options)
	            else
	                $a.dialog(options)
	        }
	        
	        e.preventDefault()
	    })
	    
	    //时钟
	    var today = new Date(), time = today.getTime()
	    $('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
	    setInterval(function() {
	        today = new Date(today.setSeconds(today.getSeconds() + 1))
	        $('#bjui-clock').html(today.formatDate('HH:mm:ss'))
	    }, 1000)
	})
	
	//菜单-事件
	function MainMenuClick(event, treeId, treeNode) {
	    event.preventDefault()
	    
	    if (treeNode.isParent) {
	        var zTree = $.fn.zTree.getZTreeObj(treeId)
	        
	        zTree.expandNode(treeNode, !treeNode.open, false, true, true)
	        return
	    }
	    
	    if (treeNode.target && treeNode.target == 'dialog')
	        $(event.target).dialog({id:treeNode.tabid, url:treeNode.url, title:treeNode.name})
	    else
	        $(event.target).navtab({id:treeNode.tabid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh, external:treeNode.external})
	}
	
	
	/*
	$(document).ready(function(){
		var actionurl = "${ctx}/sys/sysUserAction/getSystemMenus";	//提交路径
        $.ajax({
        	async : true,
        	cache : false,
        	type : 'GET',
        	url : actionurl,
        	success : function(data) {
        		if (data.status) {
        			var outData = buildZTreeJsonData(data.data, 0);
        			alert(outData);
        		}
        		else {
        			alert(data.message);
        		}
        	},
        	error : function(err) {
        		//请求失败处理函数
        		//$("#login_msg").text("Ajax请求错误：" + err);
        		alert('error');
        	}
        });
	});
	
	function buildZTreeJsonData(fromData, parentId) {
		var content = '[';
		for(var i=0;i<fromData.length;i++) {
			if (fromData[i].parentId == null) { fromData[i].parentId=0; }
			if (fromData[i].parentId == parentId) {
				if (content.charAt(content.length-1)=='}') {
					content += ',';
				}
				content += '{';
				content += '"id":' +  fromData[i].id;
				content += ',';
				content += '"pId":' + fromData[i].parentId;
				content += ',';
				content += '"name":"' + fromData[i].name + '"';
				content += ',';
				content += '"children":';
				content += buildZTreeJsonData(fromData, fromData[i].id);
				content += '}';
			}
		}
		content += ']';
		return content;
	}
	*/
	</script>
  </body>
</html>
